<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/themes/icon.css">
<!-- 引入Js -->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
<title>Insert title here</title>
</head>
<script type="text/javascript">
	$(function() {
		//更改底部工具栏
		var pager = $('#DepList').datagrid('getPager');
		pager.pagination({
			pageList : [ 10, 20, 30 ],

		});
	});
	/*通过部门id或者名字查询该部门的员工*/
	function selectOneDep() {
		//获取input中输入的值
		var did = $("#did").val();
		var dname=$("#dname").val();
		if(did==""&&dname!==""){
			//打开一个新的窗口
			$('#findwin').window('open');
			//在新的窗口中增加数据表格的列
			$('#OneDepList').datagrid({   
			    url:'selDepByName',
			    //在请求远程数据的时候发送额外的参数。 
			    queryParams: {
					dname: dname	
				},
			    columns:[[   
			        {field:'did',title:'部门编号',width:100},   
			        {field:'dname',title:'部门名称',width:100},   
			        {field:'wname',title:'员工姓名',width:100}   
			    ]]   
			});  
		}else if (dname==""&&did!=="") {
			//打开一个新的窗口
			$('#findwin').window('open');
			//在新的窗口中增加数据表格的列
			$('#OneDepList').datagrid({   
			    url:'selectOneDep',
			    //在请求远程数据的时候发送额外的参数。 
			    queryParams: {
					did: did	
				},
			    columns:[[   
			        {field:'did',title:'部门编号',width:100},   
			        {field:'dname',title:'部门名称',width:100},   
			        {field:'wname',title:'员工姓名',width:100}   
			    ]]   
			});  
		}else if(dname=="" && did==""){
			$.messager.alert('提示', '请输入你要查询的条件');
		}
	}
	
	
//删除部门
function delDep() {
	//1.获取被选中需要删除的数据
	var data = $('#DepList').datagrid('getSelections');
	if (data.length == 0) {
		$.messager.show({
			title : '警告',
			msg : '请选中需要删除的数据',
			timeout : 1000,
			showType : 'slide',
			style : {
			left : 50,
			right : '',
			top : 100
			}
		});
	} else {
	//声明一空的组数 装我选中的did
	var dids = [];
	for (var i = 0; i < data.length; i++) {
		dids.push(data[i].did);
	}
	$.messager.confirm('部门数据确认', '确认是否删除' + data.length + '条数据',
	function(r) {
		if (r) {
		//通过ajax请求将对应数据发送到后台中
		$.ajax({
			type : "post",
			url : 'delDeps',
			data : {"dids" : dids},
			dataType : "text",
			success : function(data) {
				if (data == "1") {
					//提示删除成功
					$.messager.alert('提示', '删除成功', 'info',
					function() {
						$("#DepList").datagrid('reload');
						});
					} else {
					//提示删除成功
						$.messager.alert('提示', '删除失败,该部门有员工存在','info',
								function() {
							$("#DepList").datagrid('reload');
							});
					}
				}
			});
			} else {
			$("#DepList").datagrid('uncheckAll');
			}
		});
	}
}
	/*增加部门信息*/
	//显示增加的窗口
	function showAddDep() {
		$('#addWin').window('open'); //打开一个新的窗口，用于填写增加部门信息
	}
 //验证所增加部门是否存在
$(function() {
	//添加输入框光标事件
	$("#bdid").blur(function() {
	//获取该文本框的值
	var did = $(this).val();
	
		$.ajax({
		//选择提交方式
		type : "post",
		//发送的URL请求
		url : "validateDep",
		//需要发送的数据
		data : {"did":did},
		//需要返回的数据类型:text(文本) 
		dataType : "text",
		//代表当成功请求，有服务器反馈到success中
		success : function(data) {
			
			if (data == "false") {
				$.messager.alert('提示', '部门编号不存在,可以添加');
				
			} else {
				$.messager.alert('提示', '部门编号已存在,请重新输入', 'info',	function() {
				$("#ff").form('clear');
			});
			}
		}
	});
}); 

});
	function addDep() {
		$("#ff").form('submit', {
			url:"addDep",
			success : function(data) {
	    		//提示添加成功
	    		$.messager.alert('提示','添加成功','info',function(){
	    		$("#addWin").window("close");
	    		$("#DepList").datagrid('reload');
	    	});   
		}
		});
	}
	function clearForm() {
		$('#ff').form('clear');
	}
</script>
<body>
	<table id="DepList" title="部门信息查询" class="easyui-datagrid"
		url="selectAllDep" toolbar="#toolbar" pagination="true" fit="true"
		border="false" rownumbers="true" fitColumns="true" striped="true">
		<thead>
			<tr>
				<th field="ck" checkbox=true></th>
				<th field="did">部门编号</th>

				<th field="dname" width="50" resizable="false">部门名称</th>
				
			</tr>
		</thead>
	</table>

	<!-- 按条件查询部门信息的窗口 -->
	<div class="easyui-window" closed="true" id="findwin" title="按条件查询部门信息"
		fit="true">
		<!-- 显示条件查询出信息的表格 -->
		<table id="OneDepList" class="easyui-datagrid" pagination="true" border="false" 
		rownumbers="true" fitColumns="true"fit="true"
			data-options="singleSelect:true,collapsible:true,method:'post'">
			
		</table>
	</div>
	<!-- 按钮 -->
	<div id="toolbar">
		<a href="javascript:void(0)" class="easyui-linkbutton"
			iconCls="icon-add" plain="true" onclick="showAddDep()">增加</a> <a
			href="javascript:void(0)" class="easyui-linkbutton"
			iconCls="icon-remove" plain="true" onclick="delDep()">删除</a> 
			输入编号:<input	 type="text" class="condition" id="did" name="did" /> 
			输入名称:<input type="text"  class="condition" id="dname"	name="dname" /> 
			<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" plain="true"
			onclick="selectOneDep()">查询</a>
	</div>

	<!-- 增加信息窗口 -->
	<div class="easyui-window" closed="true" id="addWin" title="部门信息增加"
		 data-options="modal:true">
		<form id="ff" method="post" style="text-align: center">
			<p>
				部门编号:<input name="did" id="bdid" class="f1 easyui-validatebox"	 />
			</p>
			<p>
				部门名称:<input name="dname" id="dname" class="f1 easyui-validatebox"
					data-options="required:true,missingMessage:'请输入部门名称'" />
			</p>
			<div style="padding: 5px; text-align: center;">
				<a href="#" class="easyui-linkbutton" icon="icon-ok"
					onclick="addDep()">确认</a> <a href="#" class="easyui-linkbutton"
					icon="icon-cancel" onclick="clearForm()">取消</a>
			</div>
		</form>
	</div>

</body>
</html>